<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>提瓦特教育</title>
    <link rel="stylesheet" href="../recet.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/BootStrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/Font/css/all.min.css">
</head>
<body>
  <!-- 顶部导航栏 -->
    <div class="top clearfix">
        <div class="top-left">
            <span><b>提瓦特教育</b></span>
        </div>
        <ul class="top-right">
            <li><a href="#">首页</a></li>
            <li><a href="#">提瓦特考研</a></li>
            <li>
                <a href="#" class="yyy">
                    提瓦特训练营
                    <span class="fa">&#xf107;</span>
                </a>
            </li>
            <li>
                <a href="#" class="yyy">
                    提瓦特就业指南
                    <span class="fa">&#xf107;</span>
                </a>
            </li>
            <li>
                <a href="#" class="yyy">
                    经验分享
                    <span class="fa fa-angle-down"></span>
                </a>
            </li>
            <li>
                <a href="#" class="yyy">
                    常见问题
                    <span class="fa fa-angle-down"></span>
                </a>
            </li>
            <li>
                <a href="join.html">
                    走进提瓦特
                </a>
            </li>
        </ul>
    </div>

    <div class="lunbo">
        <div >
            <img id="tu" src="./picture/图片/轮播图1.png" alt="">
        </div>
        <ul class="point">
            <li id="point1"></li>
            <li id="point2"></li>
            <li id="point3"></li>
        </ul>
    </div>

    <!-- 提瓦特资讯 -->
    <div class="panel">
        <div class="panel-heading">
            <p class="fa text-center">&#xf0c9; 提瓦特资讯</p>
        </div>
        <div class="panel-body">
                    <div class="thumbnail">
                        <span class="tt">考研资讯</span>
                        <ul>
                            <li>
                                <p class="fa">&#xf111;</p>
                                <span>报考计算机专业，到底是选择408还是自命题？</span>
                            </li>
                            <li>
                                <p class="fa">&#xf111;</p>
                                <span>报考计算机研究生，如何判断院校报考难度？</span>
                            </li>
                            <li>
                                <p class="fa">&#xf111;</p>
                                <span>跨考小白应该怎么复习计算机专业课？</span>
                            </li>
                        </ul>
                    </div>
                <div class="thumbnail">
                   
                    <span class="tt">就业资讯</span>
                    <ul>
                        <li>
                            <p class="fa">&#xf111;</p>
                            <span>CC++就业前景怎么样？</span>
                        </li>
                        <li>
                            <p class="fa">&#xf111;</p>
                            <span>提瓦特包就业吗？</span>
                        </li>
                        <li>
                            <p class="fa">&#xf111;</p>
                            <span>提瓦特 2020 C++就业薪资大揭秘：七成过万、四成达到12k以上！</span>
                        </li>
                        <li>
                            <p class="fa">&#xf111;</p>
                            <span>提瓦特2020Java薪资大揭秘（全年汇总）</span>
                        </li>
                    </ul>
                    
                </div>
            

           <div class="thumbnail">

               <span class="tt">走进提瓦特</span>
               <span class="more"></span>
                <ul>
                    <li>
                        <p class="fa">&#xf111;</p>
                        <span>我基础不太好，学不会怎么办？</span>
                    </li>
                    <li>
                        <p class="fa">&#xf111;</p>
                        <span>提瓦特训练营是什么?</span>
                    </li>
                    <li>
                        <p class="fa">&#xf111;</p>
                        <span>提瓦特训练营和其他训练营的区别是什么？</span>
                    </li>
                    <li>
                        <p class="fa">&#xf111;</p>
                        <span>提瓦特训练营环境如何？</span>
                    </li>
                </ul>
           </div>
       </div>    
    </div>
    
    <div class="course-body clearfix">
            <div class="fa text-center">&#xf0c9; 考研课程</div>
        <div class="course-body">
            <ul class="course-top">
                <li>
                    <img src="./picture/图片/数据结构.png" alt="">
                </li>
                <li>
                    <img src="./picture/图片/操作系统.png" alt="">
                </li>
                <li>
                    <img src="./picture/图片/计算机组成原理.png" alt="">
                </li>
                <li>
                    <img src="./picture/图片/计算机网络.png" alt="">
                </li>
            </ul>
            <ul class="course-bottom">
                <li>
                    <img src="./picture/图片/定向班.png" alt="">
                </li>
                <li>
                    <img src="./picture/图片/1V1课程.png" alt="">
                </li>
                <li>
                    <img src="./picture/图片/VIP跨学班.png" alt="">
                </li>
                <li>
                    <img src="./picture/图片/全程班.png" alt="">
                </li>
            </ul>
        </div>
    </div>  
    <div class="footer">
        <div class="f1">
            <div class="ff1">
                <ul>
                    <li>关于我们</li>
                    <li>了解提瓦特</li>
                    <li>加入提瓦特</li>
                </ul>
                <ul>
                    <li>提瓦特考研</li>
                    <li>考研书籍</li>
                    <li>课程中心</li>
                    <li>常见问题</li>
                </ul>
                <ul>
                    <li>提瓦特训练营</li>
                    <li>课程中心</li>
                    <li>校区环境</li>
                    <li>常见问题</li>
                </ul>
                <ul>
                    <li>西安校区</li>
                    <li>西安市陕鼓大道西安工程大学临潼校区2号楼2#B123 2#B125</li>
                    <li>临潼校区</li>
                </ul>
            </div>
        </div>
        <div class="f2">
            <span>@芭芭拉水库提供技术支持</span>
        </div>
    </div>
</body>
</html>

<script>
    var i=0;
    setInterval(function (){      
        i++;
        if(i==4){
            i=1;
        }
        for( var j=1;j<=3;j++){
            var l=document.getElementById("point"+j);
            l.style.opacity=.4;
        }
        var k = document.getElementById("point" + i);
        k.style.opacity=1;
        document.getElementById("tu").src="./picture/图片/轮播图"+i+".png";    
    },3000);

</script>